// 使用 DOMContentLoaded 事件，性能更优
document.addEventListener('DOMContentLoaded', function() {
    const container = document.querySelector('article'); // 选中语义化容器
    
    // 外层循环j：控制乘法表的“第一个数”（1-9）
    for (let j = 1; j <= 9; j++) {
        // 内层循环i：控制乘法表的“第二个数”（1-j）
        for (let i = 1; i <= j; i++) {
            const item = document.createElement('span'); // 创建乘法项元素
            item.textContent = `${j}×${i}=${j*i}`; // 设置乘法表达式文本
            
            // 示例：高亮 6×3=18 这个单元格
            if (j === 6 && i === 3) {
                item.classList.add('highlight'); // 添加高亮CSS类
            }

            container.appendChild(item); // 将乘法项添加到容器中
        }
        container.appendChild(document.createElement('br')); // 每行结束后换行
    }
});